*{margin:0; padding: 0;}
body{
   font-family: 微软雅黑;
   font-size: 14px;}
   .box{width:1349px;
        margin:0 auto;
     }
.topbar{
   width:1349px;
   height:76px;
   background:
   -webkit-radial-gradient(circle,white,#ffde56);
    
    }
.nav{    position: absolute;
          top:30px;
         margin-left: 47%;
    }
.nav a{
        display: inline-block;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        color:#999;}
   .nav a:hover{
        -webkit-transform:rotate(10deg);
        -moz-transform:rotate(10deg);
        -o-transform:rotate(10deg);
        -ms-transform:rotate(10deg);
        transform:rotate(10deg);
      }

.nav li{
   position:relative;
        display:inline-block;
        padding:0 16px;
        font-size: 18px;
        list-style: none outside none;
      }
.nav li:not(:last-of-type):after{
content:"";
width:1px;
height:16px;
position:absolute;
top:50%;
margin-top:-8px;
right:0;
background-image:
linear-gradient(to bottom,#999,#666);
      }
/*删除第一项和最后一项导航分隔线*/
.nav1 li:first-child::before{
 display: none;
   }
.nav1 li:last-child::after{
   display: none;
 }
 .nav a,.nav a:hover{
  
  text-decoration: none;
    }

.mid{
   width:1349px;
   height: 350px;
   border-top:1px solid black;
   background-image:
    -webkit-radial-gradient(circle,#c3610a ,#580e03); 
    border-bottom:1px solid black;}
.touming{
   width: 1349px;
   height: 280px;
   background:rgba(250,250,250,.1);
   position: relative;
   top: 30px;
}
.foot{
  width: 1349px;
   height: 270px;
   background:rgba(250,250,250,.1);
   position: relative;
   top: 30px;
}


.mid2{
background:url(../img/5.jpg) no-repeat center center scroll;
background-size: cover;
width: 1349px;
height: 383px;
/*background-image: */
/*linear-gradient(to bottom,#d8dbd9,white,#efefef);*/
}


.logo{position: absolute;top: -25px; margin-left: 15%;}

.footerend{width: 1349px;
height: 40px;
background-image:linear-gradient(to left, #580e03,#c3610a,#580e03); }


.footerend p{line-height: 40px;
   margin-left: 100px; 
   opacity: .7;
    float: left;}
.footerend p a{text-decoration:none; 
     color:yellow;
   }
.footerend p a:hover{color:orange;}
.touming h1{color: yellow;
  font-size: 35px;margin-left: 100px;
position: relative;top:50px; padding: 4px;
background:green;width: 540px; border-radius: 5px;}

.hunsha{background: white; padding: 8px; 
  box-shadow: 0 6px 18px black;
margin-left:53%; margin-top: -160px;}
.hunsha:hover{transform:scale(1.1,1.1); 
               transition: 0.5s;}
.mid2 ul{list-style: none; text-align: left; color:green;}
.mid2 ul li{float: left;margin-top: 60px; margin-left: 7%;
background:rgba(250,250,250,.2); 
height: 300px;width: 217px;
text-align: center;}
.mid2 ul li table{font-size: 20px;line-height: 1.5em;}

.touming p{
  color: yellow;
  font-size: 20px;
  width: 500px;
  margin-left: 9%;
  margin-top: 80px;float: left;

}

.zqq{margin-top: 15px;}
.sly{margin-top: 5px;}
#A{color:#a74b08;}